<template>
	<div class="container">
		<!--<div class="list-wrapper">
			<ul>
				<li v-for="(item,indexa) in listData" class="list">
					<h3><span class="icon" @click="iconUp(indexa)" ref="icon"></span><span class="content">{{item.group_name}}</span><el-button type="primary" size="mini" @click="delList(item.group_id)">删除</el-button></h3>
					<ul>
						<li v-for="(itemb,indexb) in item.enshrine" class="item" @click="onPath(itemb.src)">
							<span>{{itemb.name}}</span>
							<el-button type="primary" size="mini" @click="del(itemb.id)">删除</el-button>
						</li>
					</ul>
				</li>
			</ul>
		</div>-->
	</div>
</template>
<script>
	export default {
//		data() {
//			return {
//				listData: [],
//				oitem: [],
//				up: true
//			}
//		},
//		created() {
//			console.log(this.$route.path)
//			this.getMyEnshrine()
//		},
//		methods: {
//			getMyEnshrine() {
//				this.apiPost('System/myEnshrine').then(res => {
//					this.listData = res
//				})
//			},
//			
//			iconUp(index) {
//				this.up = !this.up
//				console.log('1')
//				this.$refs.icon.style = 'transform: rotate('+ 180 +'deg)'
//				
//			},
//			
//			delList(id) {
//				this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
//					confirmButtonText: '确定',
//					cancelButtonText: '取消',
//					type: 'warning'
//				}).then(() => {
//					let data = {
//						group_id: id
//					}
//					this.apiPost('System/delEnshrineGroup', data).then(res => {
//						if(!res.error) {
//							this.$message({
//								type: 'success',
//								message: res.msg
//							});
//						} else {
//							this.$message({
//								type: 'error',
//								message: res.msg
//							});
//						}
//						this.getMyEnshrine()
//					})
//				}).catch(() => {
//					this.$message({
//						type: 'info',
//						message: '已取消删除'
//					});
//				})
//			},
//
//			del(id) {
//				this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
//					confirmButtonText: '确定',
//					cancelButtonText: '取消',
//					type: 'warning'
//				}).then(() => {
//					let data = {
//						id: id
//					}
//					this.apiPost('System/delEnshrine', data).then(res => {
//						if(!res.error) {
//							this.$message({
//								type: 'success',
//								message: res.msg
//							});
//						} else {
//							this.$message({
//								type: 'error',
//								message: res.msg
//							});
//						}
//						this.getMyEnshrine()
//					})
//				}).catch(() => {
//					this.$message({
//						type: 'info',
//						message: '已取消删除'
//					});
//				})
//			},
//
//			onPath(url) {
//				router.push(url)
//			}
//		},
	}
</script>
<style scoped>
	/*.container {
		box-sizing: border-box;
		padding: 40px 30px 0 40px;
		width: 100%;
		height: 100%;
		background: #FFFFFF;
		overflow: hidden;
	}
	
	.list h3 {
		display: flex;
		align-items: center;
		padding-left: 10px;
		font-family: "微软雅黑";
		color: #999;
		font-size: 18px;
		line-height: 30px;
		cursor: pointer;
		transition: .4s;
	}
	
	.list h3 .content {
		flex: 1;
	}
	
	.list h3:hover {
		color: #FFFFFF;
		background: #83C9F8;
	}
	
	.item span {
		color: #999;
		font-size: 16px;
		line-height: 30px;
	}
	
	.list .item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 10px;
		margin-left: 40px;
		cursor: pointer;
		transition: .4s;
	}
	
	.list .item:hover {
		background: #83C9F8;
	}
	
	.list .item:hover span {
		color: #FFFFFF;
	}
	
	.icon {
		display: block;
		margin-right: 5px;
		width: 16px;
		height: 8px;
		background: url(../../img/close_hover.png) no-repeat;
		background-size: cover;
	}*/
</style>